<script src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  
  jQuery('#showId').click(function(){
     $('.container').show(2000);//2 second
  });    
  jQuery('#hideId').click(function(){
     $('.container').hide(800);
  });  
});
</script>
<div class="container">
HEllo This is text in container div.HEllo This is text in container div.HEllo This is text in container div.HEllo This is text in container div.HEllo This is text in container div.
</div>

<p>
  <span id="showId">Show</span>
<p>

<p>
  <span id="hideId">Hide</span>
<p>